<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>登录</title>
        <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
		<link rel="stylesheet" type="text/css" href="__PUBLIC__/midi/css/initialize.css"/>
		<link rel="stylesheet" type="text/css" href="__PUBLIC__/midi/css/public.css"/>
		<script type="text/javascript" src="__PUBLIC__/midi/js/jquery-2.2.3 (1).js"></script>
		<script src="__PUBLIC__/midi/js/public.js" type="text/javascript"></script>
		<script src="__PUBLIC__/midi/js/swiper-3.4.2.jquery.min.js"></script>
		<style>
			.main{
				 width: 100%;
                 margin-top: 61px;
                 margin-bottom: 362px;
			}
			.login-box{
				width: 390px;
				margin: 0 auto;
			}
			.form-text{
				margin-bottom: 62px;
				padding-left: 4px;
			}
			.form-text a:first-child{
				font-size: 1.6rem;
			}
			.form-text a:last-child{
				float: right;
			}
			.form-text a:last-child i{
				color: #29D0C9;
			}
			.form-field{
				padding-bottom: 17px;
				border-bottom: 1px solid #d1d1d1;
			}
			.form-field input{
				border: 0;
				font-size: 1.8rem;
				outline: none;
			}
			.login-btn button{
				color: #fff;
                text-align: center;
                line-height: 50px;
                margin: 0 auto;
                width: 390px;
                height: 50px;
                background-color: #29d0c9;
                border-radius: 8px;
                font-size: 18px;
                border: 0;
                font-weight: bold;
			}
			.margin-bottom-one i{
				width: 19px;
				height: 25px;
				display: inline-block;
			}
			form .margin-bottom-one{
				position: relative;
				height: 24px;
			}
			form .margin-bottom-one i{
				background-image: url(__PUBLIC__/midi/img/shoujihao.png);
				position: absolute;
                left: 5px;
                bottom: 17px;
			}
			form .margin-bottom-one input{
				position: absolute;
                left: 54px;
                bottom: 21px;
			}
			form .margin-bottom-two{
				margin-bottom: 44px;
				height: 22px;
				margin-top: 26px;
				position: relative;
			}
			form .margin-bottom-two i{
				background-image: url(__PUBLIC__/midi/img/mima-.png);
				width: 19px;
				height: 25px;
				display: inline-block;
				position: absolute;
				left: 4px;
				bottom: 21px;
			}
			form .margin-bottom-two input{
				position: absolute;
				left: 53px;
				bottom: 22px;
			}
			form .margin-bottom-three{
				margin-bottom: 23px;
			}
			form .form-link{
				text-align: right;
			}
			/*登录页的内容响应*/
			@media only screen and (min-width:1201px ) {
				.login-mb{
					display: none;
				}
			}
			@media only screen and (max-width:1200px ) {
				.forget{
					margin-left: 6.133333vw;
					font-size: 4.16666667vw;
					color: #333;
					cursor: pointer;
					padding: 3vh 0;
				}
			}
		</style>
	</head>
	<body>
		<!--头部导航栏开始-->
		<include file="Public/header" />
		<!--头部导航栏结束-->
		<!--主要内容-->
		<div class="main">
			<div class="login-box">
				<div class="inner">
					<form action="__CONTROLLER__/login_action" method="POST" autocomplete="off">
						<input type="hidden" name="url" value="{$url}">
						<div class="form-text">
							<a>欢迎回来</a>
							<a href="__CONTROLLER__/register">还没有账号？<i>马上注册</i></a>
						</div>
						<div class="form-field margin-bottom-one">
							<i></i>
							<input name="user_id" type="text" placeholder="请输入手机号/MIDI ID"/>
						</div>
						<div class="form-field margin-bottom-two">
							<i></i>
							<input name="user_password" type="password" placeholder="请输入密码"/>
						</div>
						<div class="login-btn margin-bottom-three">
							<button type="submit">登 录</button>
						</div>
						<div class="form-link">
							<a href="__CONTROLLER__/forget">忘记密码？</a>
						</div>
					</form>
				</div>
			</div>
		</div>
		<!--主要内容结束-->
		<!--版权-->
		<div class="banquan">
			<p>Copyright &copy; 2016迷笛考级 京ICP备10011451号-6</p>
		</div>
		<!--版权结束-->
		<!--移动端的内容-->
		<div class="login-mb">
			<form action="__CONTROLLER__/login_action" method="POST" autocomplete="off">
			<div class="wiezhi">
			   <div class="con">
				  <span>当前位置：登录</span>
			   </div>
		    </div>
		    <!-- <div class="login">
			   <div class="con">
				  <p>账号密码登录</p>
			   </div>
		    </div> -->
		    <div class="phone">
			    <div class="con">
				   <img src="__PUBLIC__/midi/mb-img/shoujihao.png" />
				   <input name="user_id" type="text" placeholder="请输入手机号/MIDI ID" />
			    </div>
		    </div>
		    <div class="phone mima">
			   <div class="con">
				   <img src="__PUBLIC__/midi/mb-img/mima-拷贝.png" />
				   <input name="user_password" type="password" placeholder="请输入密码" />
			   </div>
		    </div>
		    <div class="forget">
		    	<a href="__CONTROLLER__/forget">忘记登录密码</a>
		    </div>
		    <div class="bu-login">
			    <button type="submit">登 录</button>
		    </div>
		    </form>
		    <div class="bu-login bu-zc">
			     <button onclick = "window.location.href='__CONTROLLER__/register'">注 册 新 用 户</button>
		    </div>
		</div>
		<!--移动端的内容结束-->
	</body>
</html>
